class Food {
  // 定义一个属性食物所对应的元素
  element: HTMLElement;

  constructor() {
    // console.log(document, document.getElementsByClassName('food'))
    this.element = document.getElementById('food')!;
  }

  // 获取食物X坐标
  get X() {
    return this.element.offsetLeft;
  }

  get Y(){
    return this.element.offsetTop;
  }

  // 修改食物位置
  changePos() {
    // 生成随机位置
    // 坐标范围：x:0-290  y:0-290
    // snake每次移动10，所以food坐标需要为10的倍数
    const left = Math.round(Math.random() * 29) * 10;
    const top = Math.round(Math.random() * 29) * 10;

    this.element.style.left = `${left}px`;
    this.element.style.top = `${top}px`;
  }
}

export default Food;